<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>FS商城</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/font.css">
    <link rel="stylesheet" href="css/video-js.min.css">
</head>
<body>
<!--顶部 -->
<div class="top">
    <div class="container">
        <div class="top_list">
            <a href="index.html">FS</a>
            <span>|</span>
            <a href="FAUI.html" target="_blank">FSUI</a>
            <span>|</span>
            <a href="Forum.html" target="_blank">论坛</a>
            <span>|</span>
            <a href="#">金融</a>
            <span>|</span>
            <a href="#">聊聊</a>
            <span>|</span>
            <a href="#">FS有品</a>
            <span>|</span>
            <a href="#">政企服务</a>
            <span>|</span>
            <a href="#">下载app</a>
            <span>|</span>
            <a href="#">资质证照</a>
            <span>|</span>
            <a href="#">问题反馈</a>
            <span>|</span>
            <a href="#"> Select Region</a>
            <span>|</span>
        </div>
        <div class="shop">

            <a href="shoppingCart.html" target="_blank">
                <i class="iconfont" style="font-size: 14px;">&#xe60c;</i>
                购物车(0)
            </a>
        </div>
        <div class="login">
            <a href="Login.html" target="_blank">登录</a>
            <spam>|</spam>
            <a href="Login.html" target="_blank">注册</a>
            <span>|</span>
            <a href="#">个人中心</a>
            <span>|</span>
        </div>
    </div>
</div>
<!-- 导航栏 -->
<div class="header">
    <div class="container">
        <div class="header-logo">
            <a href="#">
                <img src="img/logo.jpg" alt="">
            </a>
        </div>

        <div class="sub-menu hide" id="sub-menu">
            <div class="inner-box">
                <div class="sub-inner-box">
                    <div class="title">手机、配件</div>
                    <div class="sub-row">
                        <span class="bold mr10">手机通讯：</span>
                        <a href="#">手机</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">手机维修</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">以旧换新</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">智能设备：</span>
                        <a href="#">智能手环</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">智能家居</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">智能手表</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">其他配件</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">娱乐</span>
                        <a href="#">耳机</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">音响</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">收音机</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">麦克风</a>
                    </div>
                </div>
            </div>
            <div class="inner-box">
                <div class="sub-inner-box">
                    <div class="title">电脑</div>
                    <div class="sub-row">
                        <span class="bold mr10">电脑：</span>
                        <a href="#">笔记本</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">平板</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">一体机</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">电脑配件：</span>
                        <a href="#">显示器</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">CPU</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">主板</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">硬盘</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">电源</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">显卡</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">其他配件</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">游戏设备：</span>
                        <a href="#">游戏机</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">耳机</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">游戏软件</a>
                    </div>
                </div>
            </div>
            <div class="inner-box">
                <div class="sub-inner-box">
                    <div class="title">家用电器</div>
                    <div class="sub-row">
                        <span class="bold mr10">电视：</span>
                        <a href="#">国产品牌</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">韩国品牌</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">欧美品牌</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">空调：</span>
                        <a href="#">显示器</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">柜式</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">中央</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">壁挂式</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">冰箱：</span>
                        <a href="#">多门</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">对开门</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">三门</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">双门</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">洗衣机：</span>
                        <a href="#">滚筒式洗衣机</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">迷你洗衣机</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">烘洗一体机</a>
                    </div>
                </div>
            </div>
            <!--家具-->
            <div class="inner-box">
                <div class="sub-inner-box">
                    <div class="title">家具</div>
                    <div class="sub-row">
                        <span class="bold mr10">家纺：</span>
                        <a href="#">被子</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">枕头</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">四件套</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">床垫</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">灯具：</span>
                        <a href="#">台灯</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">顶灯</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">节能灯</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">应急灯</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">厨具：</span>
                        <a href="#">烹饪锅具</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">餐具</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">菜板刀具</a>
                    </div>
                    <div class="sub-row">
                        <span class="bold mr10">家装：</span>
                        <a href="#">地毯</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">沙发垫套</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">装饰字画</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">照片墙</a>
                        <span class="mr10 ml10">/</span>
                        <a href="#">窗帘</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="header-li">
            <ul>
                <li class="site-category">
                    <!-- 侧边栏 -->
                    <div class="menu-content" id="menu-content">
                        <ul>
                            <li>
                                <a href="#" class="ment-item">
                                    <span>手机、配件</span>
                                    <span class="menu-value iconfont">&#xe633;</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="ment-item">
                                    <span>电脑</span>
                                    <span class="menu-value iconfont">&#xe633;</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="ment-item">
                                    <span>家用电器</span>
                                    <span class="menu-value iconfont">&#xe633;</span>
                                </a>
                            </li>
                            <li>
                                <a href="" class="ment-item">
                                    <span>家具</span>
                                    <span class="menu-value iconfont">&#xe633;</span>
                                </a>
                            </li>


                        </ul>


                    </div>
                </li>
                <li class="header-category menu-buttom" switch="zhuda">
                    <a href="">FS主打</a>
                </li>
                <li><a href="#" class="menu-buttom" switch="shouji">手机</a></li>
                <li><a href="#" class="menu-buttom" switch="dianqi">电器</a></li>
                <li><a href="#" class="menu-buttom" switch="shuma">数码</a></li>
                <li><a href="#" class="menu-buttom" switch="peijian">配件</a></li>
                <li><a href="#" class="menu-buttom" switch="pinban">平板</a></li>
                <li><a href="#" class="menu-buttom" switch="bijiben">笔记本</a></li>
                <li><a href="#" class="menu-buttom" switch="luyouqi">路由器</a></li>
            </ul>

        </div>

        <div class="header-search">
            <form action="">
                <input type="text" name="srarch-ar" class="srarch-ar" id="srarch-ar"/>

                <input type="submit" class="srarch-btn iconfont" value="&#xe6d1;" style="font-size: 22px;"
                       autocomplete="off"/>
                <div class="search-txt">
                    <a href="">FS盒子</a>
                    <a href="">FS15</a>
                </div>
                <div class="keyword-list">
                    <ul class="result-list">
                        <li><a href="#">闪S9</a></li>
                        <li><a href="#">闪5s</a></li>
                        <li><a href="#">闪MAX</a></li>
                        <li><a href="#">FS笔记本AIR</a></li>
                        <li><a href="#">FS平板2</a></li>
                        <li><a href="#">闪Note 4</a></li>
                        <li><a href="#">空气净化器</a></li>
                    </ul>
                </div>

            </form>

        </div>

        <div id="menu_content_bg">
            <div id="menu_content_wrap">
                <ul id="yingcang" style="top: 0px;">
                    <li id="zhuda">
                        <div class="menu_content">
                            <a href="single.html" target="_blank">
                                <img src="img/menu_conten-01.png" style="width: 150px;">
                                <p class="menu_content_tit">FS&nbsp;10s</p>
                                <p class="menu_content_price">4499元起</p>
                            </a>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <img src="img/menu_conten-02.webp">
                            <p class="menu_content_tit">F&nbsp;NOTE标准版</p>
                            <p class="menu_content_price">1999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <img src="img/menu-cont03.webp">
                            <p class="menu_content_tit">FS&nbsp;变频空调</p>
                            <p class="menu_content_price">1999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <img src="img/menu-cont03.webp" style="width: 150px;">
                            <p class="menu_content_tit">FS&nbsp;一体式冰箱s</p>
                            <p class="menu_content_price">1499元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <img src="img/menu_content05.webp">
                            <p class="menu_content_tit">F&nbsp;NOTE16pro</p>
                            <p class="menu_content_price">7999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <img src="img/menu_content06.jpg">
                            <p class="menu_content_tit">FS&nbsp;AI门锁</p>
                            <p class="menu_content_price">2999元起</p>
                        </div>
                    </li>
                    <li id="shouji">
                        <div class="menu_content">
                            <p class="menu_content_tit">FS&nbsp;10s</p>
                            <p class="menu_content_price">4499元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">F&nbsp;NOTE标准版</p>
                            <p class="menu_content_price">1999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FS&nbsp;CC7</p>
                            <p class="menu_content_price">1999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FS&nbsp;MIX5</p>
                            <p class="menu_content_price">3499元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">F&nbsp;NOTE4</p>
                            <p class="menu_content_price">999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FS&nbsp;AIpuss</p>
                            <p class="menu_content_price">2999元起</p>
                        </div>
                    </li>
                    <li id="dianqi">
                        <div class="menu_content">
                            <p class="menu_content_tit">FS智能洗衣机</p>
                            <p class="menu_content_price">699元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">黑启电饭煲</p>
                            <p class="menu_content_price">129元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">黑启吹风机&nbsp;青春版</p>
                            <p class="menu_content_price">79元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FS&nbsp;电动牙刷</p>
                            <p class="menu_content_price">39元</p>
                        </div>
                    </li>
                    <li id="shuma">
                        <div class="menu_content">
                            <p class="menu_content_tit">AT2&nbsp;pro</p>
                            <p class="menu_content_price">199元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">无线蓝牙耳机</p>
                            <p class="menu_content_price">199元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">真无线蓝牙耳机</p>
                            <p class="menu_content_price">1999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">AI相机</p>
                            <p class="menu_content_price">1499元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">小黑同学</p>
                            <p class="menu_content_price">999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">黑启音箱</p>
                            <p class="menu_content_price">99元起</p>
                        </div>
                    </li>
                    <li id="peijian">
                        <div class="menu_content">
                            <p class="menu_content_tit">USB数据线</p>
                            <p class="menu_content_price">9元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">黑启72V充电头</p>
                            <p class="menu_content_price">129元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">黑启10s定制手机壳</p>
                            <p class="menu_content_price">279元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FS&nbsp;30000mA充电宝</p>
                            <p class="menu_content_price">39元</p>
                        </div>
                    </li>
                    <li id="pinban">
                        <div class="menu_content">
                            <p class="menu_content_tit">PIAI2平板</p>
                            <p class="menu_content_price">699元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">AI家定制平板套装</p>
                            <p class="menu_content_price">2229元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">apaAI&nbsp;6</p>
                            <p class="menu_content_price">2279元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FS平板一代</p>
                            <p class="menu_content_price">1399元</p>
                        </div>
                    </li>
                    <li id="luyouqi">
                        <div class="menu_content">
                            <p class="menu_content_tit">FS路由器min</p>
                            <p class="menu_content_price">99元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FS路由器&nbsp;MINI2</p>
                            <p class="menu_content_price">429元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FSMAX路由器&nbsp;青春版</p>
                            <p class="menu_content_price">179元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">FS&nbsp;WIFI放大器</p>
                            <p class="menu_content_price">39元</p>
                        </div>
                    </li>
                    <li id="bijiben">
                        <div class="menu_content">
                            <p class="menu_content_tit">FS15pro</p>
                            <p class="menu_content_price">7999元起</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">AI&nbsp;MINI2笔记本</p>
                            <p class="menu_content_price">4129元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">黑启游戏本&nbsp;青春版</p>
                            <p class="menu_content_price">4479元</p>
                        </div>
                        <span class="menu_content_line"></span>
                        <div class="menu_content">
                            <p class="menu_content_tit">黑启游戏本</p>
                            <p class="menu_content_price">10800元</p>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>

<!-- 内容 -->

<div class="mi-content">
    <div class="container">
        <div class="site-slider">
            <a href="#" id="main">
                <div class="banner" id="banner">
                    <!--超链接标签组合div块实现点击图片的超链接-->
                    <a href="">


                        <div class="banner-slide slide1 slide-active">
                            <img src="img/96884137234c71e1becd5.webp" alt=""/>
                        </div>

                    </a>
                    <a href="">


                        <div class="banner-slide slide2">
                            <img src="img/ccbfe7b3d359a31e12b6f17573e14183.webp" alt="">
                        </div>
                    </a>
                    <!--重叠的时候默认最后的图片出现在最上面-->
                    <a href="">

                        <div class="banner-slide slide3">
                            <img src="img/84775abcb85cb706a979356633ab874e.webp" alt="">
                        </div>
                    </a>
                </div>

                <!--圆点导航-->
                <div class="dots" id="dots">
                    <!--因为span是行级标签，不能设置宽高，因此在css声明的时候需要使用display:inline-block 声明为行内块元素-->
                    <span class="active"></span>
                    <!--active类用来改变圆点样式-->
                    <span></span>
                    <span></span>
                </div>
            </a></div>

    </div>

    <div class="conten-sub-fa">
        <div class="content-sub">
            <div class="content-channel">
                <ul class="channel-list clearfixall">
                    <li>

                        <a href="#">
                            <i class="iconfont">&#xe60a;</i>
                            FS秒杀
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe72f;</i>
                            选购手机
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe66d;</i>
                            F粉卡
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe62e;</i>
                            以旧换新
                        </a>
                    </li>
                    <li>
                        <a href="#">

                            <i class="iconfont">&#xe6c9;</i>
                            FS福利
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe613;</i>
                            网点预约
                        </a>
                    </li>
                </ul>
            </div>
            <div class="content-list">
                <ul class="xm-carousel-list">
                    <li>
                        <a href="">

                            <img src="img/d158f243b54d5ec68dd2ac72bd24555d.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/816a66edef10673b4768128b41804cae.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/fbff319c7dd00e75c9758acf248d3784.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="" class="yanchanimg">
                            <img src="img/home-hero-sub-3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="" class="yanchanimg">
                            <img src="img/home-hero-sub-4.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="" class="yanchanimg">
                            <img src="img/home-hero-sub-2.jpg" alt="">
                        </a>
                    </li>
                </ul>
                <div class="leftBtn span2"><i class="iconfont" style="font-size: 11px;">&#xe607;</i></div>
                <!--向右按钮-->
                <div class="rightBtn span2"><i class="iconfont" style="font-size: 12px;">&#xe610;</i></div>
            </div>
            <!--向左按钮-->
        </div>
    </div>
</div>
<div class="home-star-goods">
    <div class="container">
        <div class="xm-plain-box">
            <div class="box-hd">
                <h2 class="seckill-title">FS秒杀</h2>
            </div>
            <div class="box-bd">
                <div class="seckill-carousel-wrapper">
                    <ul class="seckill-carousel-list goods-list rainbow-list dome-1">
                        <li class="rainbow-item-0">
                            <!-- 倒计时超链接 -->
                            <a href="#" id="countdownLink">
                                <!-- 秒杀框标题 -->
                                <div id="seckill">FS秒杀</div>
                                <!-- 促销特殊时间：时间场 -->
                                <div id="specialTime"></div>
                                <!-- 倒计时剩余时间 -->
                                <div id="leftTime">
                                    <span id="hour">00</span>
                                    <span id="minute">00</span>
                                    <span id="second">00</span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="dome-fa">
                <div id="dome">
                    <ul class="seckill-carousel-list goods-list rainbow-list dome-0">
                        <li class="rainbow-item-1">

                            <a class="thumb" href="single.html" target="_blank"><img
                                    src="img/8729282b199b3ec51e31c1b6b15f3f93.webp" width="200" height="200"/></a>
                            <h3 class="title"><a href="#">FS10s Plus</a></h3>
                            <p class="desc">5.7英寸大屏双摄手机，拍照黑科技</p>
                            <p class="price">4999元起</p>

                        </li>
                        <li class="rainbow-item-2">
                            <a class="thumb" href="#"><img src="img/k30.webp" width="200" height="200"/></a>
                            <h3 class="title"><a href="#">FS30</a></h3>
                            <p class="desc">7月7日早10点开售</p>
                            <p class="price">2799元起</p>
                        </li>
                        <li class="rainbow-item-3">
                            <a class="thumb" href="#"><img src="img/e850fa029579ba886e3d5c81f00ae534.jpg" width="200"
                                                           height="200"/></a>
                            <h3 class="title"><a href="#">AI3s</a></h3>
                            <p class="desc">全新AI智能</p>
                            <p class="price">199元起</p>
                        </li>
                        <li class="rainbow-item-4">
                            <a class="thumb" href="#"><img src="img/92af1f21293fabfbf2a112892b864925!250x250.jpg"
                                                           width="200" height="200"/></a>
                            <h3 class="title"><a href="#">FS真无线蓝牙</a></h3>
                            <p class="desc">开启音质新次元</p>
                            <p class="price">1199元</p>
                        </li>
                        <li class="rainbow-item-5">
                            <a class="thumb" href="#"><img src="img/1f32af53d1ad60f4980146f6a2b81019.jpg" width="200"
                                                           height="200"/></a>
                            <h3 class="title"><a href="#">FS移动电源2</a></h3>
                            <p class="desc">双向快充，高密度锂聚合物电芯</p>
                            <p class="price">179元</p>
                        </li>
                        <li class="rainbow-item-6">
                            <a class="thumb" href="#"><img src="img/cd2aa2dcad6440b469c22e27db9b6236.jpg" width="200"
                                                           height="200"/></a>
                            <h3 class="title"><a href="#">FSNote4</a></h3>
                            <p class="desc">十核旗舰处理器，一体化全金属机身</p>
                            <p class="price">5999元起</p>
                        </li>
                        <li class="rainbow-item-7">
                            <a class="thumb" href="#"><img src="img/pms_1546997991.03868800.jpg" width="200"
                                                           height="200"/></a>
                            <h3 class="title"><a href="#">F盒子3 增强版</a></h3>
                            <p class="desc">高端 4K 网络机顶盒</p>
                            <p class="price">399元</p>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="body_desc">
    <div class="container">
        <!-- 标题 -->
        <div class="body-hd">
            <h2 style="margin-top: -5px;">新品</h2>
            <div class="hd-more">
                <a href="#">查看全部<i class="iconfont" style="font-size: 12px;">&#xe610;</i></a>
            </div>
        </div>
        <div class="body-bd">
            <div class="bd-row">
                <div class="row-left" style="width: 234px; float: left; margin-bottom: 14px;">
                    <a href="">
                        <img src="img/body-hh.jpg" alt="" style="width: 234px;">
                    </a>
                </div>
                <div class="row-right" style="width: 992px; float: left;">
                    <ul>
                        <li>

                            <div class="photo">
                                <a href="single.html">
                                    <img src="img/xiaomi10.webp" alt="">
                                </a>
                            </div>
                            <h3 class="bd-title">
                                <a href="">
                                    FS10 12GB+512GB
                                </a>
                            </h3>
                            <p class="bd-desc">
                                骁龙865/1亿像素相机
                            </p>
                            <p class="bd-price">
                                <span class="num">4999</span>元
                            </p>

                        </li>
                        <li>
                            <div class="photo">
                                <a href="">
                                    <img src="img/k30.webp" alt="">
                                </a>
                            </div>
                            <h3 class="bd-title">
                                <a href="">
                                    FS&nbsp;K40 8GB+512GB
                                </a>
                            </h3>
                            <p class="bd-desc">
                                骁龙855+/1亿像素相机
                            </p>
                            <p class="bd-price">
                                <span class="num">2999</span>元
                            </p>
                        </li>
                        <li>
                            <div class="photo">
                                <a href="">
                                    <img src="img/dianshiE55A.webp" alt="">
                                </a>
                            </div>
                            <h3 class="bd-title">
                                <a href="">
                                    智能电视E55A
                                </a>
                            </h3>
                            <p class="bd-desc">
                                全面屏设计，人工智能语音
                            </p>
                            <p class="bd-price">
                                <span class="num">1599</span>元
                            </p>
                        </li>
                        <li>
                            <div class="photo">
                                <a href="">
                                    <img src="img/yinxian.jpg" alt="">
                                </a>
                            </div>
                            <h3 class="bd-title">
                                <a href="">
                                    FS&nbsp; 智能音箱
                                </a>
                            </h3>
                            <p class="bd-desc">
                                小巧便捷，一键唤醒AI
                            </p>
                            <p class="bd-price">
                                <span class="num">49</span>元
                            </p>
                        </li>
                        <li>
                            <div class="photo">
                                <a href="">
                                    <img src="img/wuxian.webp" alt="">
                                </a>
                            </div>
                            <h3 class="bd-title">
                                <a href="">
                                    FS无线充电套装
                                </a>
                            </h3>
                            <p class="bd-desc">
                                快速无线闪充
                            </p>
                            <p class="bd-price">
                                <span class="num">99</span>元
                            </p>
                        </li>
                        <li>
                            <div class="photo">
                                <a href="">
                                    <img src="img/erji.webp" alt="">
                                </a>
                            </div>
                            <h3 class="bd-title">
                                <a href="">
                                    FS&nbsp; 真无线蓝牙耳机
                                </a>
                            </h3>
                            <p class="bd-desc">
                                智能真无线
                            </p>
                            <p class="bd-price">
                                <span class="num">199</span>元
                            </p>
                        </li>
                        <li>
                            <div class="photo">
                                <a href="">
                                    <img src="./img/xiyiji.webp" alt="">
                                </a>
                            </div>
                            <h3 class="bd-title">
                                <a href="">
                                    FS&nbsp;洗烘干一体机
                                </a>
                            </h3>
                            <p class="bd-desc">
                                智能洗烘，省心省力
                            </p>
                            <p class="bd-price">
                                <span class="num">2999</span>元
                            </p>
                        </li>
                        <li>
                            <div class="photo">
                                <a href="">
                                    <img src="img/10spro.webp" alt="">
                                </a>
                            </div>
                            <h3 class="bd-title">
                                <a href="">
                                    FS10&nbsp; pro 12GB+512GB
                                </a>
                            </h3>
                            <p class="bd-desc">
                                骁龙865+/1亿像素相机
                            </p>
                            <p class="bd-price">
                                <span class="num">6999</span>元
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="video">
    <div class="video-hd">
        <span class="video-font"></span>
        <h2 class="video-title">Videos</h2>
        <span class="video-font"></span>
    </div>
    <div class="video-bd">
        <ul class="video-list">
            <li>
                <video id="myvideo0" class="video-js vjs-big-play-centered" controls data-setup="{}" width="660"
                       height="400" preload="auto" poster="img/mp401.webp">
                    <source src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e25d81c4922fca5ebe51877717ef9b76.mp4"></source>
                </video>

            </li>
            <li>
                <video id="myvideo1" class="video-js vjs-big-play-centered" controls data-setup="{}" width="660"
                       height="400" preload="auto" poster="img/2dd41120fded30fe1cedbcaa530b16b3.jpg">
                    <source src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12e0189c132e21e064c8161d09816de5.mp4"></source>
                </video>
            </li>
            <li>
                <video id="myvideo2" class="video-js vjs-big-play-centered" controls data-setup="{}" width="660"
                       height="400" preload="auto" poster="img/mix.jpg">
                    <source src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1443581f88b733750c7763b2b3d67c52.mp4"></source>
                </video>
            </li>
        </ul>
    </div>
</div>
<!-- 脚部 -->
<div class="footer">
    <div style="width: 1226px; margin: 0 auto;">
        <div class="footer-hd">
            <span class="footer-font"></span>
            <div class="footer-biaoti">
                <a href=""><i class="iconfont" style="font-size: 24px;">&#xe629;</i>预约维修</a>
                <span></span>
                <a href=""><i class="iconfont" style="font-size: 24px;">&#xe60e;</i>七天无理由退货</a>
                <span></span>
                <a href=""><i class="iconfont" style="font-size: 24px;">&#xe66e;</i>15天免费换货</a>
                <span></span>
                <a href=""><i class="iconfont" style="font-size: 24px;">&#xe6c9;</i>满100包邮</a>
            </div>
            <span class="footer-font"></span>
        </div>
    </div>
    <div class="footer-bd">
        <div class="bd-nav">
            <div class="row">
                <dl class="row3" style="width: 234px;">
                    <dt>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">了解更多
                            </font>
                        </font>
                    </dt>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                账号信息
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                订单操作
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit; font-size: 14px;">
                                售后处理
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                相关下载
                            </font>
                        </font>
                    </dd>
                </dl>
                <dl class="row4" style="width: 190px;">
                    <dt>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">支持
                            </font>
                        </font>
                    </dt>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                联系我们
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                保证
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit; font-size: 14px;">
                                自助服务
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                礼物码
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                防卫查询
                            </font>
                        </font>
                    </dd>
                </dl>
                <dl class="row4" style="width: 190px;">
                    <dt>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">关于我们
                            </font>
                        </font>
                    </dt>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                FS简介
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                新闻媒体
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit; font-size: 14px;">
                                用户协议
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                隐私政策
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                诚信合规
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                FS公众号
                            </font>
                        </font>

                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                投资者关系
                            </font>
                        </font>
                    </dd>
                </dl>
                <dl class="row4" style="width: 190px;">
                    <dt>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">跟随FS
                            </font>
                        </font>
                    </dt>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                推特
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                微博
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit; font-size: 14px;">
                                博客
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                腾讯
                            </font>
                        </font>
                    </dd>
                    <dd>
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                优酷
                            </font>
                        </font>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="footer-buttom">
        <div class="container" style="border-top: 1px solid #424242;">
            <div class="fb-he">
                <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">
                        版权所有© 2020-20XX&nbsp;1940811204-林伟冰。
                    </font>
                </font>
            </div>
        </div>
    </div>
</div>
<script language="javascript" type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script src="js/index.js"></script>
<script src="js/video.min.js"></script>
</body>
</html>
